<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>WeChat</title>
		<link rel="stylesheet" href="css/main.css">
	</head>
	<body>
		<div id="mainwindow">
			<div id="leftbar">
				<div id="barup">
					<div id="baritem"><img src="img/mine.jpg" style=""></div>
					<div id="baritem"><img src="img/msg.png"></div>
					<div id="baritem"><img src="img/person.png"></div>
					<div id="baritem"><img src="img/minehave.png"></div>
					<div id="baritem"><img src="img/file.png"></div>
					<div id="baritem"><img src="img/friends.png"></div>
					<div id="baritem"><img src="img/video.png"></div>
				</div>
				<div id="bardown">
					<div id="baritem"><img src="img/href.png"></div>
					<div id="baritem"><img src="img/phone.png"></div>
					<div id="baritem"><img src="img/menu.png"></div>
				</div>
			</div>
			<div id="midwindow">
				<div id="search">
					<div id="search-container">
						<span id="searchinput"><input type="text" placeholder="搜索..."></span>
						<span id="add-button">+</span>
					</div>
				</div>
				<div id="personlist">
					<div id="listitem" onclick="showmsg(msgjson[1].name,msgjson[1].chatpic,msgjson[1].messagelist)">
						<span id="headpic">
							<img src="img/mine.jpg">
						</span>
						<div id="info">
							<div id="upinfo">
								<span id="inname">测试名字</span>
								<span id="intime">23:46</span>
							</div>
							<div id="underinfo">
								测试名字: 测试消息
							</div>
						</div>
					</div>
					<div id="listitem">
						<span id="headpic">
							<img src="img/mine.jpg">
						</span>
						<div id="info">
							<div id="upinfo">
								<span id="inname">测试名字</span>
								<span id="intime">23:46</span>
							</div>
							<div id="underinfo">
								测试名字: 测试消息
							</div>
						</div>
					</div>
					<div id="listitem">
						<span id="headpic">
							<img src="img/mine.jpg">
						</span>
						<div id="info">
							<div id="upinfo">
								<span id="inname">测试名字</span>
								<span id="intime">23:46</span>
							</div>
							<div id="underinfo">
								测试名字: 测试消息
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="rightwindow">
				<div id="rightnav">
					<div id="lnav">
						<span id="chattitle">测试名字</span>
					</div>
					<div id="rnav">
						<div id="rnavtop">
							<span id="navbo"><img src="img/block.png"></span>
							<span id="navbo"><img src="img/hidden.png"></span>
							<span id="navbo"><img src="img/big.png"></span>
							<span id="navbo"><img src="img/close.png"></span>
						</div>
						<div id="rnavbottom">
							<img src="img/more.png" style="max-width: 100%;max-height: 100%;">
						</div>
					</div>
				</div>
				<div id="chatwindow">
					<div id="chatinfo">
						<div id="chatright">
							<div id="chatpic">
								<img src="img/mine.jpg">
							</div>
							<div id="chatmsg">
								web前端设计
							</div>
						</div>
						<div id="chatleft">
							<div id="chatpic">
								<img src="img/shf.jpg">
							</div>
							<div id="chatmsg">
								WEB前端设计
							</div>
						</div>
						<div id="chatright">
							<div id="chatpic">
								<img src="img/mine.jpg">
							</div>
							<div id="chatmsg">
								WEB前端设计
							</div>
						</div>
					</div>
				</div>
				<div id="chatinput">
					<div id="chatnav">
						<div id="inputleft">
							<span id="chattool"><img src="img/face.png"></span>
							<span id="chattool"><img src="img/tools.png"></span>
							<span id="chattool"><img src="img/change.png"></span>
							<span id="chattool"><img src="img/ms.png"></span>
						</div>
						<div id="inputright">
							<span id="chattool"><img src="img/tel.png"></span>
							<span id="chattool"><img src="img/videotel.png"></span>
						</div>
					</div>
					<textarea id="sendtext"></textarea>
					<div id="send">
						<span id="sendbt" onclick="sendmsg()">
							<text>发送(S)</text>
						</span>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/main.js"></script>
</html>
